// 一级分类页面
$(function() {
    // 页面已刷新，请求数据渲染页面
    var currentpage = 1;
    var pageSize = 10;
    var totalpage = 0;
    getData();

    function getData() {
        $.ajax({
            type: 'get',
            url: '/category/queryTopCategoryPaging',
            data: {
                page: currentpage,
                pageSize: pageSize,
            },
            success: function(res) {
                console.log(res);
                if (res) {
                    // 获取总页数
                    totalpage = Math.ceil(res.total / pageSize);
                    var html = template('tem-first', res);
                    $('.table').html(html);
                }
            }
        });
    };


    // 点击下一页的时候,currentpage++,再次请求渲染页面，判断是否到最后一页
    $('#next').on('click', function() {
        currentpage++;
        if (currentpage > totalpage) {
            currentpage = totalpage;
            alert('已经是最后一页了');
        }
        getData();
    });


    // 点击上一页的时候,currentpage--,再次请求渲染页面，判断是否到第一页
    $('#prev').on('click', function() {
        currentpage--;
        if (currentpage < 1) {
            currentpage = 1;
            alert('已经是第一页了');
        }
        getData();
    });


    // 添加分类操作
    // 1、点击添加分类，弹出分类框，为确定按钮注册点击事件
    // 2、获取表单数据，验证表单
    // 3、发送请求
    // 4、渲染页面
    $('#save-btn').on('click', function() {
        var categoryName = $.trim($('[name="categoryName"]').val());
        if (!categoryName) {
            alert('请输入分类名称');
        };
        $.ajax({
            type: 'post',
            url: '/category/addTopCategory',
            data: {
                categoryName: categoryName,
            },
            success: function(res) {
                if (res.success) {
                    getData();
                    $('#alert').click();
                }
            }
        })
    });
})